﻿* {
  margin: 0;
  padding: 0;
}
 
body
{
    font: 62.5%/1.6 宋体, Arial, Helvetica, sans-serif;

}
 
h1 {
  font-size: 2.4em;
  font-weight: normal;
}
 
h2 {
  font-size: 2.0em;
  font-weight: normal;
}
 
p, li {
  font-size: 1.4em;
}
 
h1, h2, p {
  margin: 1em 0;
}
 
 
#branding
{
    height: 150px;
    background-color: #438BF9;
    padding: 20px;
    background-image: url(redhead.jpg);
    background-repeat: repeat;
}
 
#branding h1
{
    margin: 0;
    color: #FFFFFF;
    font-family: 宋体, Arial, Helvetica, sans-serif;
}
 
#mainNav {
  list-style: none;
}
 
#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}
 
#secondaryContent p {
  font-size: 1.2em;
}
 
#footer {
  background-color:#F35468;
  padding: 1px 20px;
}
 

 
body {
  text-align: center; 
  min-width: 760px;
}
 
#wrapper
{
    width: 75%;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}
 

 
#mainNav { 
  width: 23%;
  float: left;
}
 
 
#content { 
  width: 75%; 
  float: right; 
}
 
#mainContent { 
  width: 66%; 
  margin: 0; 
  float: left; 
} 
#secondaryContent { 
  width: 31%;
  min-width: 10em;
  display: inline; 
  float: right;
} 
 
#footer { 
  clear: both; 
}
 

 
#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}
 
#mainNav *, #secondaryContent * { 
 padding-left: 20px;
 padding-right: 20px;
}
 
#mainNav * *, #secondaryContent * * { 
 padding-left: 0;
 padding-right: 0;
}
